@media (min-width:1440px)and (max-width: 1600px){
    
}
@media (min-width:1200px) and (max-width:1440px){
    .i-nav{padding: 0 0 0 5.3%!important;}
    .navU-i{padding: 0 15px!important;}
    .logoImg{width: 130px!important;}

}
@media (min-width:768px) and (max-width:1200px){
    .webNav{display: block!important;}
    .h-pc{display: none!important;}
    .g_top{padding-top: 60px!important;}
    .f-w{margin-top: 30px!important;}
}
@media (max-width:767px){
    .webNav{display: block!important;}
    .h-pc{display: none!important;}
    .g_top{padding-top: 60px!important;}

    .f-message input{width: 60%!important;}
    .f-nav{width: 90%!important;}
    .f-nav{justify-content: flex-start!important;}
    .f-w{margin-top: 30px!important;}
    .g_p{padding-left: 10px!important;padding-right: 10px!important;}
}



/* 浅蓝字： #819df1 灰字：#8d8d8d 灰深：#333333  浅灰：#9d9c9c
       线： #d9d8d8


*/
body,html{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,p{margin:0;padding:0;}
ul , li{margin:0;padding:0;list-style: none;box-sizing: border-box;}
img{width: 100%;height: auto;}
a {text-decoration: none}
a:hover {text-decoration: none;}

input:focus {
    outline: none;
    border-color: #cfdc00;
}
.g_blue{color: #0c3092!important;}
.g_hui{color: #333333}

.container{width: 100%}

.g_f{position: fixed;top:0;z-index: 99999;width: 100%;background: #fff}
.g_f .i-nav{width: 100%}
.g_top{ }
.g_p{padding-left: 5.3%;padding-right: 5.3%;}
.g_center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.g_black{display: block; width: 100%;height: 100%;}
.g_a{transition: all 1s;}
.g_df{display: flex;justify-content: space-between;align-items: center}
.g_red{color:#ef3f56}
.line{width: 50px; height: 1px;border-bottom: 1px solid #0c3092;margin: 0 auto;transition: all 1s;}
.shi{display:block;margin: 50px auto 0 auto;width: 58px;height: 58px;position: relative;}
.shi::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #d9d8d8;
}
.shi::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #d9d8d8;
}

.closeVideo{display: none}


/*pc导航-s*/
.h-pc{width: 100%;transition: margin-top .5s ease;z-index: 999 ;position: relative}
.h-top{height: 40px;background: #0c3092;color:#fff;}
.h-top i{margin-right: 30px;}

.i-nav{height: 100px;background: rgba(255,255,255,1); transition: all .5s ease}
.logoImg{max-width: 180px;margin-right: 10px;transition: all 1s;}
.logoImg img{transition: all 1s;}
.logoText{padding: 10px;border-left: 1px solid #d9d8d8;color:#8d8d8d}
.navU{height: 100%}

.navU-i {height: 100%; padding: 0 24px;position: relative}
.i-nav >ul>li>div>a{color:#000}
.navU-i>div{height: 100%;display: flex;align-items: center}
.navU-i ul{width: 110px; min-width: 100%;position: absolute;padding: 0 0 10px 0;left: 0;top:100px;background: #0c3092;display: none;z-index: 99;overflow: hidden;
    transform-origin:left top;
    transform: scaleY(0);
    animation:fadeInY .5s linear  forwards;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeInY .5s linear  forwards;
}
@-webkit-keyframes fadeInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes fadeInY {
    0% {
        opacity:0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.navU-i ul li{padding: 10px 10px; }
.navU-i:nth-child(4) ul,.navU-i:nth-child(5) ul{ width: 160px;}
.navU-i ul li a{color:#819df1;display: flex;justify-content: flex-start;align-items: center}
.navU-i ul b{width: 4px;height:4px;margin-right: 10px; border-radius:50%;border: 1px solid #819df1; }

.navU-i:hover{background: #0c3092}
.navU-i:hover ul{display: block}
.navU-i:hover div>a{color:#fff}
.navU-i ul li:hover a{color:#fff}
.navU-i ul li:hover b{background:#fff}

.search{ position: fixed;top:140px;right: -240px; display:flex;border: 1px solid #d9d8d8;transition: all 1s;z-index: 999;}
.search-input input{width: 200px;height: 40px; border: 0;padding-left: 20px;}

.navU-i-s:hover .search{right:0;transition: all 1s;}
/*pc导航-e*/



/*导航开始web*/
.webNav{width: 100%;display: none;overflow: hidden}
.webNav *{transition: all 1s;}
.navShear{margin-left: 80px;margin-top: 70px !important;}
.myNav{ width: 100% !important; height :60px;margin: 0;padding: 8px 0 ;position: fixed;top:0; left: 0; background: #fff;z-index: 99999}
.mynavBody{width:100%; height: 100%; position: relative}
.mynavBody h3{margin: 0;height: 100%}
.mynavBody h3 a {height: 100%;margin-left: 10px; display: inline-block;  vertical-align: middle;}
.mynavBody h3 a img {height:60%;width: auto;margin-top: 10px;}
.nav-btn{width: 36px; height: 100%; position: absolute ;top: 0; right: 10px}
.nav-table-cell{width: 100%;height: 100%;}
.nav-table-cell span {display: block; width: 80%; height: 1px; border-top:1px solid #0c3092 ;  margin-top: 11px}
.close span:nth-of-type(1){-webkit-transform: translateY(12px) rotate(45deg);  transform: translateY(12px) rotate(45deg);}
.close span:nth-of-type(2){opacity: 0}
.close span:nth-of-type(3){-webkit-transform: translateY(-12px) rotate(-45deg);  transform: translateY(-12px) rotate(-45deg);}

.mynav-ul {width: 100%;height:0; padding: 0 50px; opacity: 0; overflow: hidden;position: fixed;top:60px; background:rgba(12,48,146,0.9);z-index: 10000}
.mynav-ul li {width: 100% ; padding: 8px 0; margin-bottom:4px; border-bottom: 1px solid #fff; }
.mynav-ul li a {color:#fff;font-size: 1em}

.hideNav{
    height: 0;
    opacity: 0;
}
.showNav{
    display: block;
    height: 100%;
    opacity: 1;
}
/*导航结束web*/


/*************footer-s****************/

footer{color:#fff;
    background-image: url("../images/footBg.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.footerBox{padding-top: 68px;background: rgba(12,48,146,.7);}
.f-message{display: flex;margin: 0 auto;justify-content: center}
.f-message input{ padding-left: 20px; width:46.8%; height: 60px;
    border-bottom-left-radius: 30px;border-top-left-radius: 30px;border: 0;background: rgba(12,48,146,0.2)}
.f-message .m-btn{width:100px;height: 60px;line-height:60px;text-align: center;-webkit-border-bottom-right-radius: 30px;border-top-right-radius: 30px;background: #0c3092;color: #fff}
.f-message .m-btn a{color: #fff}
.f-nav{width: 80%;  height: 74px;margin:38px auto 0 auto; border-bottom:1px solid #0c3092 ; border-top: 1px solid #0c3092 ;
    display:flex;align-items: center;justify-content: center;flex-wrap: wrap; }
.f-nav a{width: 10%;min-width: 78px; color:#fff;border-left: 1px solid #fff;text-align: center;padding: 0 10px;}
.f-nav a:nth-child(1){border: none}
.f-list{width: 80%; display: flex;justify-content: space-between;flex-wrap: wrap;margin:44px auto 0 auto}
.f-item h5{margin-bottom: 24px}
.f-item p{margin-bottom: 12px;display: flex;justify-content: flex-start;align-items: center}
.f-item p span:nth-child(1){display: block;width: 30px;height: 30px;min-width: 30px;min-height: 30px;border-radius: 50%;background: #0c3092;line-height: 30px;text-align: center;margin-right: 10px;}
.codeImg{display: flex}
.codeImg>div{width: 100px;height: 100px;padding: 4px;margin-right:30px;border:1px solid #fff;text-align: center}
.codeImg>div p{margin-top: 12px;text-align: center;display: inline-block}
.f-w{margin: 0 auto;width: 80%;}
.f-w p{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.f-w span{ margin-right: 46px;}
.f-w span:nth-child(1){display: block;width: 30px;height: 30px;border-radius: 50%;background: #0c3092;line-height: 30px;text-align: center;margin-right: 10px;}
.f-bottom{display: flex;justify-content: space-around; flex-wrap: wrap; padding: 28px 0 ; margin-top: 14px; background: #0c3092;}
.f-bottom a{color:#fff}
.f-bottom>div:nth-child(2)>a:nth-child(1){margin-right: 26px;}
/*************footer-e****************/



/*分页*/
.fanye{ text-align:center; padding:30px 0;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; border-radius: 50%; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#12418f; border:1px solid #12418f;}
.fanye a.active{ background:#12418f; border:1px solid #12418f; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #12418f;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}


.showImg{ position:fixed;height: 80%;padding: 40px;top: 50%;left: 50%;transform: translate(-50%,-50%)scale(0,0);z-index: 999;background: rgba(0,0,0,.5);transition: all 1s}
.showImg img{height: 100%;width: auto}

/*.zd{padding-top: 40px ;padding-bottom: 40px}*/
.zd .row div{margin-top: 30px;}
.zd a{color: #0c3092}
.zd h4{margin-bottom: 16px}
.zd h4 a{border-bottom: 1px solid #0c3092}
.zd p{margin-top: 10px}